<template>
  <div class="container-fluid admin">
    <el-row :gutter="40">
      <el-col :span='4'>
        <admin-menu></admin-menu>
      </el-col>
      <el-col :span='20'>
        <h3>
          Young for U
        </h3>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import AdminMenu from '@/components/AdminMenu'
export default {
  name: 'login',
  methods:{
    jump:function (path) {
        window.location.href=path
    }
  },
  components:{
    AdminMenu:AdminMenu
  },
  mounted: function () {

  }
}

</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.admin{
  margin: 60px auto 0 auto;
  width: 1070px;

}
.list{
    padding-left: 0;
    list-style: none;
}
.list li {
   height: auto;
   padding: 10px;
   font-size: 10px;
   text-align: center;
   background-color: #e4e1e1;
   border: 1px solid #fff;
   display: inline-block;
}
.list .icon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 60px;
}
.list li:hover{
  cursor:Pointer;
  color:#ffffff;
  background-color: #000000;
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.list .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
    font-size:26px;
}
</style>
